<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css"/>
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/manager.css"/>
		<style type="text/css">
			.context{
				width: 100%;
			}
			.context .logindialog{
				height: 250px;
				width: 25%;
				min-width: 320px;
				margin-top: 60px;
				margin-bottom: 25px;
				background-color: white;
				border-radius: 15px;
				padding-top: 0px;
				box-shadow: 1px 5px 80px rgba(0,0,0,0.2);
			}
			.context .logindialog .item:first-of-type{
				background-color: rgba(0,0,0,0.6);
				border-bottom-left-radius: 15px;
				border-bottom-right-radius: 15px;
				overflow: hidden;
			}
			.context .logindialog .item{
				line-height: 30px;
				width: 80%;
				margin: 15px auto;
				
			}
			.context .logindialog .item .logintext{
				font-family: "微软雅黑";
				font-weight: bolder;
				font-size: 2em;
				text-align: left;
				padding:15px 0 5px 16px;
				color: white;
				
			}
			.context .logindialog .clabel{
				text-align: right;
				width: 25%;
				display: inline-block;
				box-sizing: border-box;
			}
			.context .logindialog .input{
				width: 73%;
				display: inline-block;
				box-sizing: border-box;
			}
			.context .logindialog  .button{
				width: 100%;
				padding-top: 15px;
				margin: 0 auto;
			}
		</style>
	</head>
	<body>
		
		<div class="head">
			<div class="title">
				<div class="logo">
					畅游在线考试系统
				</div>
				<div class="ver">
					ver:<span id="var">1.0.0</span>
				</div>
			</div>
		</div>
		<div class="context">
			<div class="logindialog  center-block">
				<div class="item">
					<div class="logintext">
						LOGIN
					</div>
				</div>
				<div class="item">
					<div class="clabel">
						username:
					</div>
					<div class="input">
						<input type="text" class="form-control " name="username" id="username" value="" placeholder="用户名" />
					</div>
				</div>
				<div class="item">
					<div class="clabel">
						password:
					</div>
					<div class="input">
						<input type="password" class="form-control " name="password" id="password" value="" placeholder="密码" />
					</div>
				</div>
				<div class="item">
					<div class="button">
						<button id="login" class="btn btn-block btn-default">login</button>
					</div>
				</div>
			</div>
		</div>
		<div class="foot">
			 南京中卓科技有限公司 &copy; 2018
		</div>
	</body>
	<script type="text/javascript">
		$(function(){
			$("#login").click(function(){
				location.href="main.html";
			});
		})
	</script>
</html>
